.ripple{
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
  opacity: 1;
}
.ripple-animation-1{
  animation: animation_1 1s;
}

.ripple-animation-3{
  animation: animation_3 1s;
}

@keyframes animation_1
{
  form{
    transform: scale(0);
    opacity: 1;
  }
  to{
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes animation_3
{
  form{
    transform: scale(0);
    opacity: 1;
  }
  to{
    transform: scale(3);
    opacity: 0;
  }
}
